@import "../style/theming";

@mixin gd-ui-button-toggle-theme($theme) {
    $foreground: map-get($theme, foreground);
    $background: map-get($theme, background);

    .ButtonToggleGroup {
        border: 1px solid gd-color($foreground, divider);
    }

    .ButtonToggle {
        // color: gd-color($foreground, hint-text);

        &--checked {
            background-color: gd-color($background, selected-button);
            // color: gd-color($foreground, secondary-text);
        }

        &--disabled {
            // background-color: gd-color($background, disabled-button-toggle);
            // color: gd-color($foreground, disabled-button);

            &.ButtonToggle--checked {
                // background-color: gd-color($background, selected-disabled-button);
            }
        }
    }
}
